[nospaces][googlefont=Roboto:400,400i,700|Montserrat:400|Montserrat+Alternates:700]
[newclass=.jen-contain] --jenAccent01:#ffc0cb; --jenAccent02:#de96a5;[/newclass]
[attr="class","jen-contain"]
[attr="class","jen-header"]
[attr="class","jen-body"]
I'd love it if these two were friends! Avery such a positive, sweet, and quiet person and Chloe's heart would actually melt when talking with her and her sweet demeanor. She'd die once she hears that Avery runs a Pokemon daycare and I could see Chloe volunteering her time there as she has a weak spot not only for feline pokemon, but cute, baby ones too.
[attr="class","jen-footer"]
let's be friends!
[attr="class","jen-credit"]
SELKIE[newclass=.jen-contain] width:500px; overflow:hidden; background-color:#f0f0f0; border-radius:10px; [/newclass]
[newclass=.jen-header] width:100%; display:flex; align-items:center; justify-content:space-between; [/newclass]
[newclass=.jen-header img] width:75px; height:75px; border-radius:100%; padding:5px; margin:0px 25px; background-color:#fafafa; border:10px solid #333; transition:.25s ease; transition-delay:.1s; [/newclass]
[newclass=.jen-header img:hover] transform:scale(.9); transition:.25s ease; transition-delay:.1s; cursor:pointer; [/newclass]
[newclass=.jen-header div] flex-shrink:0; width:286px; height:155px; display:flex; align-items:center; justify-content:center; background-color:var(--jenAccent01); [/newclass]
[newclass=.jen-header div:first-child] justify-content:flex-start; -webkit-clip-path: polygon(0 0, 100% 0, 75% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, 75% 100%, 0% 100%); [/newclass]
[newclass=.jen-header div:last-child] justify-content:flex-end; margin-left:-76px; [/newclass]
[newclass=.jen-body] font: 400 11px roboto; color:#6a6a6a; text-align:justify; padding:25px; margin:25px; background-color:#fafafa; border-radius:10px; [/newclass]
[newclass=.jen-body b] font:700 11px roboto; color:#aaa; color:var(--jenAccent01); [/newclass]
[newclass=.jen-body i] font:400 11px roboto; font-style:italic; color:#aaa; border-bottom:1px solid var(--jenAccent01); [/newclass]
[newclass=.jen-footer] width:100%; min-height:75px; background-color:#333; display:flex; align-items:center; justify-content:space-between; [/newclass]
[newclass=.jen-footer div:first-child] font:400 20px/18px montserrat; color:#5a5a5a; margin-left:25px; text-align:left; [/newclass]
[newclass=.jen-footer div:first-child b] font:700 20px/18px montserrat alternates; color:#aaa; color:var(--jenAccent01); [/newclass]
[newclass=.jen-footer div:last-child] min-height:75px; width:100px; padding-left:20px; margin-right:-1px; flex-shrink:0; display:flex; align-items:center; justify-content:center; padding:0px 20px 0px 40px; background-color:var(--jenAccent01); color:#333; font:700 20px/18px montserrat alternates; text-transform:lowercase; text-align:left; -webkit-clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%); clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%); word-wrap: break-word; overflow-wrap: break-word; [/newclass]
[newclass=.jen-footer div a] font:700 20px/18px montserrat alternates!important; color:#333!important; [/newclass]
[newclass=.jen-credit] font:bold 7px roboto; margin-left:450px; [/newclass]
[newclass=.jen-credit a] font:bold 7px roboto!important; [/newclass]
[googlefont=Roboto:400,400i,700|Montserrat:400|Montserrat+Alternates:700]
[newclass=.jen-contain] --jenAccent01:#ffc0cb; --jenAccent02:#dea02c;[/newclass]
[attr="class","jen-contain"]
[attr="class","jen-header"]
[attr="class","jen-body"]
Since Stormy is super easy to get along with, I'd love it if these two were friends as well. A spontaneous and bright person is just what Chloe needs as sometimes she'll be beside herself and needs a kick in the pants to do things. She comes from a background in which she was derided for not being as strong or 'perfect' as her siblings, so despite her 'sunny dispositions', deep down she lacks confidence. Hopefully Stormy can be that sunshine in her life!
[attr="class","jen-footer"]
let's be friends!
[attr="class","jen-credit"]
SELKIE[newclass=.jen-contain] width:500px; overflow:hidden; background-color:#f0f0f0; border-radius:10px; [/newclass]
[newclass=.jen-header] width:100%; display:flex; align-items:center; justify-content:space-between; [/newclass]
[newclass=.jen-header img] width:75px; height:75px; border-radius:100%; padding:5px; margin:0px 25px; background-color:#fafafa; border:10px solid #333; transition:.25s ease; transition-delay:.1s; [/newclass]
[newclass=.jen-header img:hover] transform:scale(.9); transition:.25s ease; transition-delay:.1s; cursor:pointer; [/newclass]
[newclass=.jen-header div] flex-shrink:0; width:286px; height:155px; display:flex; align-items:center; justify-content:center; background-color:var(--jenAccent01); [/newclass]
[newclass=.jen-header div:first-child] justify-content:flex-start; -webkit-clip-path: polygon(0 0, 100% 0, 75% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, 75% 100%, 0% 100%); [/newclass]
[newclass=.jen-header div:last-child] justify-content:flex-end; margin-left:-76px; [/newclass]
[newclass=.jen-body] font: 400 11px roboto; color:#6a6a6a; text-align:justify; padding:25px; margin:25px; background-color:#fafafa; border-radius:10px; [/newclass]
[newclass=.jen-body b] font:700 11px roboto; color:#aaa; color:var(--jenAccent01); [/newclass]
[newclass=.jen-body i] font:400 11px roboto; font-style:italic; color:#aaa; border-bottom:1px solid var(--jenAccent01); [/newclass]
[newclass=.jen-footer] width:100%; min-height:75px; background-color:#333; display:flex; align-items:center; justify-content:space-between; [/newclass]
[newclass=.jen-footer div:first-child] font:400 20px/18px montserrat; color:#5a5a5a; margin-left:25px; text-align:left; [/newclass]
[newclass=.jen-footer div:first-child b] font:700 20px/18px montserrat alternates; color:#aaa; color:var(--jenAccent01); [/newclass]
[newclass=.jen-footer div:last-child] min-height:75px; width:100px; padding-left:20px; margin-right:-1px; flex-shrink:0; display:flex; align-items:center; justify-content:center; padding:0px 20px 0px 40px; background-color:var(--jenAccent01); color:#333; font:700 20px/18px montserrat alternates; text-transform:lowercase; text-align:left; -webkit-clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%); clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%); word-wrap: break-word; overflow-wrap: break-word; [/newclass]
[newclass=.jen-footer div a] font:700 20px/18px montserrat alternates!important; color:#333!important; [/newclass]
[newclass=.jen-credit] font:bold 7px roboto; margin-left:450px; [/newclass]
[newclass=.jen-credit a] font:bold 7px roboto!important; [/newclass]
[googlefont=Roboto:400,400i,700|Montserrat:400|Montserrat+Alternates:700]
[newclass=.jen-contain] --jenAccent01:#ffc0cb; --jenAccent02:#a8121e;[/newclass]
[attr="class","jen-contain"]
[attr="class","jen-header"]
[attr="class","jen-body"]
So Matthew and Chloe seem to have something similar in their personal lives: Daddy issues. Chloe's is in the form of a cruel and power-hungry father who wants nothing but the best from his spawn. Unfortunately for him, Chloe was born with hearing deficiences which marked her as 'weak' and 'lesser than'. That was made clear when she was arranged to marry an equally power-hungry and careless guy. Anywho, she'd get the whole 'black sheep' thing and she wouldn't be afraid to approach him because she has that 'teenage fearlessness' about herself and strike up a conversation. They're quite an age difference so I don't know if he'd be comfortable being her friend, but we can see how the two work out.
[attr="class","jen-footer"]
let's be on friendly terms!
@matthew
[attr="class","jen-credit"]
SELKIE[newclass=.jen-contain] width:500px; overflow:hidden; background-color:#f0f0f0; border-radius:10px; [/newclass]
[newclass=.jen-header] width:100%; display:flex; align-items:center; justify-content:space-between; [/newclass]
[newclass=.jen-header img] width:75px; height:75px; border-radius:100%; padding:5px; margin:0px 25px; background-color:#fafafa; border:10px solid #333; transition:.25s ease; transition-delay:.1s; [/newclass]
[newclass=.jen-header img:hover] transform:scale(.9); transition:.25s ease; transition-delay:.1s; cursor:pointer; [/newclass]
[newclass=.jen-header div] flex-shrink:0; width:286px; height:155px; display:flex; align-items:center; justify-content:center; background-color:var(--jenAccent01); [/newclass]
[newclass=.jen-header div:first-child] justify-content:flex-start; -webkit-clip-path: polygon(0 0, 100% 0, 75% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, 75% 100%, 0% 100%); [/newclass]
[newclass=.jen-header div:last-child] justify-content:flex-end; margin-left:-76px; [/newclass]
[newclass=.jen-body] font: 400 11px roboto; color:#6a6a6a; text-align:justify; padding:25px; margin:25px; background-color:#fafafa; border-radius:10px; [/newclass]
[newclass=.jen-body b] font:700 11px roboto; color:#aaa; color:var(--jenAccent01); [/newclass]
[newclass=.jen-body i] font:400 11px roboto; font-style:italic; color:#aaa; border-bottom:1px solid var(--jenAccent01); [/newclass]
[newclass=.jen-footer] width:100%; min-height:75px; background-color:#333; display:flex; align-items:center; justify-content:space-between; [/newclass]
[newclass=.jen-footer div:first-child] font:400 20px/18px montserrat; color:#5a5a5a; margin-left:25px; text-align:left; [/newclass]
[newclass=.jen-footer div:first-child b] font:700 20px/18px montserrat alternates; color:#aaa; color:var(--jenAccent01); [/newclass]
[newclass=.jen-footer div:last-child] min-height:75px; width:100px; padding-left:20px; margin-right:-1px; flex-shrink:0; display:flex; align-items:center; justify-content:center; padding:0px 20px 0px 40px; background-color:var(--jenAccent01); color:#333; font:700 20px/18px montserrat alternates; text-transform:lowercase; text-align:left; -webkit-clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%); clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%); word-wrap: break-word; overflow-wrap: break-word; [/newclass]
[newclass=.jen-footer div a] font:700 20px/18px montserrat alternates!important; color:#333!important; [/newclass]
[newclass=.jen-credit] font:bold 7px roboto; margin-left:450px; [/newclass]
[newclass=.jen-credit a] font:bold 7px roboto!important; [/newclass]
[googlefont=Roboto:400,400i,700|Montserrat:400|Montserrat+Alternates:700]
[newclass=.jen-contain] --jenAccent01:#ffc0cb; --jenAccent02:#65bdde;[/newclass]
[attr="class","jen-contain"]
[attr="class","jen-header"]
[attr="class","jen-body"]
So I'm loving the idea of Chloe setting him straight. They're both from two totally different worlds and I'd love it if they crossed paths. Here we have Chloe with all the funds in the world and should display cockiness and River who doesn't and shows a 'holier than though' persona. They'd butt heads and I'm here for it, but once they see that they both don't have it the way that they may initially view each other (i.e. he could see her as a spoiled brat or w/e), I think the two of them could get. She's new to Hoenn and doesn't really know the full history of the Team Rocket and their impact, so he could play on her ignorance.
[attr="class","jen-footer"]
let's be bickering friends!
[attr="class","jen-credit"]
SELKIE[newclass=.jen-contain] width:500px; overflow:hidden; background-color:#f0f0f0; border-radius:10px; [/newclass]
[newclass=.jen-header] width:100%; display:flex; align-items:center; justify-content:space-between; [/newclass]
[newclass=.jen-header img] width:75px; height:75px; border-radius:100%; padding:5px; margin:0px 25px; background-color:#fafafa; border:10px solid #333; transition:.25s ease; transition-delay:.1s; [/newclass]
[newclass=.jen-header img:hover] transform:scale(.9); transition:.25s ease; transition-delay:.1s; cursor:pointer; [/newclass]
[newclass=.jen-header div] flex-shrink:0; width:286px; height:155px; display:flex; align-items:center; justify-content:center; background-color:var(--jenAccent01); [/newclass]
[newclass=.jen-header div:first-child] justify-content:flex-start; -webkit-clip-path: polygon(0 0, 100% 0, 75% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, 75% 100%, 0% 100%); [/newclass]
[newclass=.jen-header div:last-child] justify-content:flex-end; margin-left:-76px; [/newclass]
[newclass=.jen-body] font: 400 11px roboto; color:#6a6a6a; text-align:justify; padding:25px; margin:25px; background-color:#fafafa; border-radius:10px; [/newclass]
[newclass=.jen-body b] font:700 11px roboto; color:#aaa; color:var(--jenAccent01); [/newclass]
[newclass=.jen-body i] font:400 11px roboto; font-style:italic; color:#aaa; border-bottom:1px solid var(--jenAccent01); [/newclass]
[newclass=.jen-footer] width:100%; min-height:75px; background-color:#333; display:flex; align-items:center; justify-content:space-between; [/newclass]
[newclass=.jen-footer div:first-child] font:400 20px/18px montserrat; color:#5a5a5a; margin-left:25px; text-align:left; [/newclass]
[newclass=.jen-footer div:first-child b] font:700 20px/18px montserrat alternates; color:#aaa; color:var(--jenAccent01); [/newclass]
[newclass=.jen-footer div:last-child] min-height:75px; width:100px; padding-left:20px; margin-right:-1px; flex-shrink:0; display:flex; align-items:center; justify-content:center; padding:0px 20px 0px 40px; background-color:var(--jenAccent01); color:#333; font:700 20px/18px montserrat alternates; text-transform:lowercase; text-align:left; -webkit-clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%); clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%); word-wrap: break-word; overflow-wrap: break-word; [/newclass]
[newclass=.jen-footer div a] font:700 20px/18px montserrat alternates!important; color:#333!important; [/newclass]
[newclass=.jen-credit] font:bold 7px roboto; margin-left:450px; [/newclass]
[newclass=.jen-credit a] font:bold 7px roboto!important; [/newclass]